.homepage{        
    width:100%;                         
    .header{
        width:100%;
        height:0.6rem;    
        display:flex;
        flex-flow:row;                                       
        position:fixed;
        top:0.44rem;
        .select_city{ 
            width:0.9rem;   
            height:0.6rem;                     
            display:flex;    
            justify-content:flex-end;                                                       
            span{
                display:block;
                align-self:center;                  
                font-size:0.24rem;
                color:white;
            }                                         
        }
        .search{
            width:5.7rem;
            height:0.6rem;                          
            display:flex;                                         
            input{
                width:100%;
                height:100%;
                border-radius:0.8rem;        
            }
            input::-webkit-input-placeholder{
                text-align:center;
                letter-spacing:0.02rem;
            }
        }
        .message_center{                         
            width:0.9rem;   
            height:0.6rem;            
            display:flex;
            justify-content:center;
            img{
                width:50%;
                height:auto;
                align-self:center;
            }                      
        }
    } 
    .banner{
        width:100%;
        height:3.84rem;          
        display:flex;
        overflow:hidden; 
        flex-flow:row;     
        img{
            width:100%;
            height:3.84rem;
        }
    }
    .nav{
        width:100%;
        height:3.2rem;        
        display:flex;
        flex-flow:row wrap;
        align-items:center;               
        .nav_pub{            
            width:20%;
            height:50%;
            display:flex;            
            flex-flow:row wrap;
            align-items:center;
            justify-content:space-around; 
            img{
                width:80%;
                height:60%;    
                margin-top:8%;                                          
            }
            span{                                             
                letter-spacing:0.02rem;
                font-size:0.25rem;
            }
        }
    }
    .hhr{
        width:100%;
        height:0.02rem;              
        background:white;
        margin-top:0.18rem;
    }
    .head_news{
        width:100%;
        height:0.84rem;
        background:pink; 
        display:flex;
        justify-content:space-around;  
        align-items:center; 
        .news_subject{            
            height:50%;            
            display:flex;
            text-align:center;
            .tong{
                font-size:0.28rem;
                font-weight:bolder;
                color:black;
                letter-spacing:0.02rem;            
            }
            .hot{
                font-size:0.28rem;
                font-weight:bolder;
                color:white;
                background:red;
                letter-spacing:0.02rem;
            }
            .colon{
                font-size:0.28rem;
                font-weight:bolder;
                color:black;
            }
        }
        .news_title{ 
            min-width:65%;
            max-width:75%;           
            height:50%;            
            display:flex;                       
            .title{
                font-size:0.24rem;
                letter-spacing:0.02rem;
                align-self:flex-start;
            }
        }
        .news_more{            
            height:50%;            
            display:flex;
            img{
                width:0.4rem;
                height:0.4rem;                
            }
        }
    }
    .blank{
        width:100%;
        height:0.2rem;            
        background:#F2F2F2;
    }
    .seckill_activity{
        width:100%;
        height:3.4rem;
        background:white;
        display:flex;
        flex-flow:column;        
        .seckill_top{
            width:100%;
            height:0.9rem;            
            display:flex;
            justify-content:space-around;
            .seckill_subject{
                width:55%;
                height:60%;
                display:flex;                
                align-self:center;
                justify-content:space-around;
                span{
                    display:block;
                    letter-spacing:0.02rem;
                    line-height:0.54rem;                    
                    font-size:0.24rem;                    
                }
                .seckill_title{
                        color:red;
                        font-size:0.28rem;
                        font-weight:bold;  
                }
                .seckill_time{
                        width:0.4rem;
                        height:100%;
                        align-self:center;
                        line-height:0.54rem;
                        background:black;
                        color:white;
                }
                .colon{
                    font-weight:bolder;
                    font-size:0.30rem; 
                    line-height:0.48rem;
                }
            }
            .seckill_more{
                width:30%;
                height:60%;
                display:flex;                
                align-self:center;
                justify-content:flex-end;
                span{
                    font-size:0.24rem;
                    align-self:center;
                }
                .seckill_more_text{
                    letter-spacing:0.02rem;
                    color:red;
                }
                .seckill_more_arrow{                    
                    width:0.28rem;
                    height:0.28rem;                                        
                }
            }
        }
        .seckill_bottom{
            width:100%;
            height:2.5rem;
            background:pink;
            display:flex;                
            justify-content:space-around;                        
            .seckill_images{
                width:100%;                
                display:flex;
                flex-flow:column;                                          
                img{
                    width:70%; 
                    min-height:70%;
                    max-height:100%;      
                    align-self:center;                
                }
                .sale_price{
                    width:70%;
                    height:100%;
                    font-size:0.28rem;
                    font-weight:bold;
                    color:red; 
                    align-self:center;                    
                }
                .price{
                    width:70%;
                    height:100%;
                    font-size:0.28rem;
                    font-weight:bold;
                    align-self:center;
                    text-decoration:line-through;
                }
            }                   
        }
    }
    .festival_activity{
        width:100%;
        height:2.16rem;
        background:red;
        img{
            width:100%;
            height:100%;
        }
    }
    .s_cafe{        
        width:100%;
        height:4.32rem;        
        display:flex;
        flex-flow:column;
        justify-content:space-around;
        .s_cafe_title{
            width:100%;
            height:0.4rem;
            background:white;
            display:flex;
            span{                
                width:21.5%;                
                font-size:0.24rem;
                font-weight:bolder;                                        
                align-self:center;
                padding-top:0.28rem;
            }
        }
        .s_cafe_images{
            width:100%;
            height:3.92rem;             
            display:flex;
            flex-flow:column;            
            justify-content:space-around;  
            align-items:center;
            .s_cafe_images_top{
                width:90%;
                height:40%;
                background:red;
                img{
                    width:100%;
                    height:100%;
                    border-radius:0.2rem;
                }
            }
            .s_cafe_images_bottom{
                width:92.1%;
                height:40%;                                
                display:flex;      
                justify-content:space-between;                         
                .s_cafe_images_2{
                    width:100%;
                    height:100%; 
                    img{
                        width:95%;
                        height:100%;    
                        align-self:flex-end;                     
                    }
                }
            }
        }

    }
    .s_maintain{        
        width:100%;
        height:4.32rem;
        margin-top:-5%;        
        display:flex;
        flex-flow:column;
        justify-content:space-around;
        .s_maintain_title{
            width:100%;
            height:0.4rem;
            background:white;
            display:flex;
            span{                
                width:21.5%;                
                font-size:0.24rem;
                font-weight:bolder;                                        
                align-self:center;
                padding-top:0.28rem;
            }
        }
        .s_maintain_images{
            width:100%;
            height:3.92rem;            
            display:flex;
            flex-flow:column;            
            justify-content:space-around;  
            align-items:center;
            .s_maintain_images_top{
                width:90%;
                height:40%;
                background:red;
                img{
                    width:100%;
                    height:100%;
                    border-radius:0.2rem;
                }
            }
            .s_maintain_images_bottom{
                width:92.1%;
                height:40%;                                
                display:flex;      
                justify-content:space-between;                         
                .s_maintain_images_2{
                    width:100%;
                    height:100%; 
                    img{
                        width:95%;
                        height:100%;    
                        align-self:flex-end;                     
                    }
                }
            }
        }
    }
    .carproduct_info{
        width:100%;               
        display:flex;
        flex-flow:column;
        .carproduct_title{
            width:100%;
            height:0.36rem;            
            display:flex;
            span{
                width:21.5%;
                font-size:0.24rem;
                font-weight:bolder;
            }
        }
        .carproduct_images{
            width:100%;            
            background:pink;
            display:flex;
            flex-flow:row wrap;
            align-items:center;            
            .carproduct_images_lists{
                width:50%;
                height:100%;
                display:flex;
                flex-flow:column;
                align-items:center;
                justify-content:space-around;
                img{
                    width:3.2rem;
                    height:3.5rem;
                    margin-bottom:2%;
                }
                .carproduct_images_title{
                    width:3.3rem;
                    font-size:0.24rem;
                    text-align:left;
                    letter-spacing:0.02rem;
                    margin-bottom:2%;
                }
                .carproduct_sale_price{
                    width:3.3rem;
                    font-size:0.28rem;
                    font-weight:bold;
                    color:red;
                    text-align:left;                    
                    margin-bottom:2%;
                }
            }
        }
    }
    .hot_activity{
        width:100%;
        height:8rem;                     
        .hot_activity_title{
            width:100%;
            height:0.64rem;
            background:white;
            display:flex;
            span{
                width:21.5%;                
                font-size:0.24rem;            
                font-weight:bolder;                            
                align-self:center;
            }
        }
        .hot_activity_image{
            width:100%;
            height:3.2rem;            
            img{
                width:100%;
                height:3.2rem;
            }            
        }
        .hot_activity_instruction{
            width:100%;
            height:0.7rem;
            background:white;
            display:flex;
            span{
                width:100%;
                width:100%;                
                font-size:0.24rem;
                letter-spacing:0.02rem;                
                line-height:0.7rem;
                text-align:left;
                padding-left:0.3rem;
            }
        }
        .hot_activity_blank{
            width:100%;
            height:0.26rem;
            background:#F2F2F2;;
        }
        .bottom_activity{
            width:100%;
            height:3.2rem;
            background:yellow;             
            img{
                width:100%;
                height:3.2rem;
            }
        }
    }
    .bottom_blank{
        width:100%;
        height:0.9rem;
        background:pink;
    }

}
